<template>
	<view class="u-flex" v-if="list.length > 0">
	  <view v-for="(item, i) in list" :key="i" class="item">{{item}}</view>
	</view>
</template>

<script>
	export default {
		name: "b-hotel",
		props: {
			// 按钮的文字数组，可以自定义颜色和字体大小，字体单位为rpx
			list: {
				type: Array,
				default () {
					return [];
				}
			},
		},
		methods: {
			linkTo(){
        uni.navigateTo({
          url:'/pages/hotel/detail'
        })
      }
		}
	}
</script>
<style lang="scss" scoped>
  .item{background-color: #f5f5f5; border-radius: 4rpx; padding: 4rpx 12rpx; line-height: 1; font-size: 18rpx; margin-right: 16rpx; color: #888;}
</style>